<%@ page language="java" pageEncoding="utf-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="惠信钱包，金融">
<meta name="description" content="描述描述描述" />
<%@include file="/WEB-INF/base/commRoot.jsp"%>
<script type="text/javascript" src="/js/jquery.js"></script> 
<script type="text/javascript" src="/js/view/static/static.js"></script>
<script type="text/javascript" src="/js/view/user/slides.js"></script>
<script type="text/javascript" src="/js/jquery-1.8.3.min.js"></script> 
<script type="text/javascript" src="/js/rsa/RSA.js"></script> 
<script type="text/javascript" src="/js/rsa/BigInt.js"></script> 
<script type="text/javascript" src="/js/rsa/Barrett.js"></script> 
<script type="text/javascript" src="/js/rsa/RsaDataUtil.js"></script> 
<title>惠信钱包</title>
<style type="text/css">
	input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
		border: 1px solid #CCC!important;
	}
</style>
<script type="text/javascript">
$(function() {
	var temp = '${userRegister.accName}';
	$("#pwd").val("");
	if(temp!=''){
		$("#accName").val('${userRegister.accName}');
		$("#accNametip").hide();
		$("#accName").val("");
		$("#accName").show();
		$("#accName").focus();
		
	}
	$("#pwdtip").focus(function(){
	
		$("#pwdtip").hide();
		$("#pwd").val("");
		$("#pwd").show();
		$("#pwd").focus();
		$("#pwdMsg").hide();	
	});
	$("#accNametip").focus(function(){
	
		$("#accNametip").hide();
		$("#accName").show();
		$("#accName").focus();
		$("#nameMsg").hide();	
	});

	//获取登录错误信息
	var loginerrormsg='${errorMsg}';
	var isshowdialogcode='${showDialogCode}';
	if(loginerrormsg!=""){
		$("#accName").val('${userRegister.accName}');
		$("#pwdMsg").show();
		$("#pwdMsg").text(loginerrormsg);
		//显示验证码
		if("true"==isshowdialogcode){
			showCheckCodeDialog();
		}
	}
});


	$(function(){
		  $(document).keydown(function(event){
		    if(event.keyCode==13){
		    	checkLogin();
		    }
	   });
	});

	/*提交登录数据*/
	function checkLogin() {
		
		var isshowdialogcode='${showDialogCode}';
		//获取用户名
		var username = $("#accName").val();
		//获取密码
		var password = $("#pwd").val();
		//判断用户名不为空，否则返回
		if (username == '' || username.length>32) {
			$("#nameMsg").show();
			return false;
		}
		//判断密码不为空，否则返回
		if (password == '') {
			$("#pwdMsg").show();
			$("#pwdMsg").text("请输入登录密码！");
			return false;
		}
		
		//校验验证码
		if("true"==isshowdialogcode){
			if($("#dialogCode").val()==''){
		  		$("#pwdMsg").show();
	  			$("#pwdMsg").text("请输入验证码！");
	  			return false;
			}else if($("#dialogCode").val().length != 4){
		  		$("#pwdMsg").show();
	  			$("#pwdMsg").text("请输入4位数验证码！");
	  			return false;
			}
		}
		$("#rsaPwd").val(rsaData(password));
		$("#nameMsg").hide();
		$("#pwdMsg").hide();
		$('#loginForm').submit();
	}
	
	//隐藏登录名提示
	function hideNameLable(){
		var name=$("#accName").val();
		if(name==""){
			return;
		}
		$("#nameMsg").hide();
	}
	//隐藏密码提示
	function hidePwdLable(){
		var pwd=$("#pwd").val();
		if(pwd==""){
			return;
		}
		$("#pwdMsg").hide();
	}
	//点击更换首页验证码	
	function switchCodeDialog(){ 
		$("#dialogValidateCode").attr("src",ctx_root+ "/code.jsp?" + new Date());
	}
	
	//用户密码输入错误3次时将要求输入验证码
	function showCheckCodeDialog(){
		var appendLocation = $("#liPwd");
		var htmlstr='';
		appendLocation.empty();// 清空数据显示部分
		//htmlstr=htmlstr+"<li class='login_input'>";
		htmlstr=htmlstr+"<input id='dialogCodetip' type='text' maxlength='4' class='code v' value='验证码'/>";
		htmlstr=htmlstr+"<input name='dialogCode' id='dialogCode' type='text' maxlength='4' class='code v' style='display:none' onblur='dialogCodetipfun()'/>";
		htmlstr=htmlstr+"<img src='"+ctx_root+"/code.jsp?=" + new Date() + "' id='dialogValidateCode' title='点击更换'  onclick='switchCodeDialog();' width='86' height='40' alt='验证码' class='ver_code v' />";
		htmlstr=htmlstr+"<a href='javascript:void(0)' class='img_refresh v' onclick='switchCodeDialog();' title='点击更换验证码'></a>";
		//htmlstr=htmlstr+" </li>";
		appendLocation.append(htmlstr);//追加数据
		$("#dialogCodetip").focus(function(){
			$("#dialogCodetip").hide();
			$("#dialogCode").show();
			$("#dialogCode").focus();
			$("#pwdMsg").hide();
		
		});
	}
	
	function pwdtipfun(){
		if($("#pwd").val() == ''){
			$("#pwd").hide();
			$("#pwdtip").show();			
		}
	}
	function accNametipfun(){
		if($("#accName").val() == ''){
			$("#accName").hide();
			$("#accNametip").show();			
		}
	}
	function dialogCodetipfun(){
	
		if($("#dialogCode").val() == ''){
			$("#dialogCode").hide();
			$("#dialogCodetip").show();			
		}
	}
</script>
</head>

<body>
<input id="module" type="hidden" value="<s:property value='#application.module'/>">
<input id="empoent" type="hidden" value="<s:property value='#application.empoent'/>">
	<!--header-->
	<%@include file="/loginHead.jsp"%>
	<!--/header-->
	<!--main-->
	<div class="main_bg login_bg">
		<div class="login_re">
			<div class="login_left">
				<form action="${root}/userActionLogin.action" id="loginForm"
					name="loginForm" method="post">
					<h3>登录惠信钱包</h3>
					<ul class="login_ul clearfix">
						<li class="login_input">
							<input id="accNametip" autocomplete="off" maxlength="32" value="请输入惠信号/手机号码" type="text" class="input">
							<input id="accName" autocomplete="off"name="userRegister.accName"  maxlength="32" style="display:none;" onblur="accNametipfun()" oninput="hideNameLable();" type="text" class="input">
							 <span class="icon_user"></span>
							<p id="nameMsg" class="err_tips" style="display:none;">请输入惠信号/手机号码！</p></li>
						<li class="login_input">
							<input id="pwdtip" autocomplete="off" maxlength="16" value="请输入您的登录密码" type="text" class="input" >
							<input id="pwd" autocomplete="off"  maxlength="16" onpaste="return false" style="display:none;" onblur="pwdtipfun()" oninput="hidePwdLable();" type="password" class="input" >
							 <input id="rsaPwd" name="rsaPwd" type="hidden"/>
							 <span class="icon_user2"></span>
							<p id="pwdMsg" class="err_tips" style="display:none;">请输入登录密码！</p>
							<p id="loginErrorMsg" class="err_tips" style="display:none;"></p>	
						</li>
						<li>
							<div id="liPwd">
							<!-- 加载验证码数据 -->
							</div>
						</li>
						
						
						<li style="padding-top:16px;"><a href="javascript:void(0);" onclick="javascript:checkLogin();"
							class="login_bth input_text">登录</a></li>
						
					</ul>
					<p class="zc_wz">
					        <!-- <a href="${root}/userAction_toFirstLogin.action" style="color:red">首次登录</a><span
								class="login_pd5">|</span> -->
							<a href="${root}/userAction_toEditAccName.action" style="color:red">修改惠信号</a><span
								class="login_pd5">|</span>
							<a href="${root}/userAction_toRegister.action">注册惠信号</a><span
								class="login_pd5">|</span><a
								href="${root}/userAction_toForgetPwd.action" class="blue0">忘记密码</a>
						</p>
						<s:token />
						<p class="zc_view"><a href="http://www.365sji.com/note/" target="_blank" class="orange">账号系统升级后，账号登录不了请点此查询</a></p>
				</form>
			</div>
			<div class="login_right">
				<div class="prenext pre"></div>
				<div class="prenext next"></div>
				<!---->
				<div id="focus">
					<ul>
					   <li>
                  	      <a href="http://www.huikamall.com/" class="link_logo" target="_blank"><img src="/images/logo_hksc.png" alt="惠卡商城logo"  style=" margin:0 auto;"/></a>
                          <h3 class="f22">惠卡商城</h3>
                          <p>时尚购物平台，天天最低价，100%正品保障</p>
                          <a  href="http://www.huikamall.com/" target="_blank" class="blue">了解更多 >></a>
                        </li>
					
						<li><a href="http://www.178pb.com/" target="_blank"
							class="link_logo"><img src="/images/logo_pb.png"
								alt="拼宝logo" style=" margin:0 auto;" /></a>
							<h3 class="f22">消费购物打折神器</h3>
							<p>邀请好友还能赚钱，分享越多，赚钱越多！</p> <a href="http://www.178pb.com/"
							target="_blank" class="blue">了解更多 >></a></li>
						<li><a href="http://p2p.365sji.com/" target="_blank"><img
								src="/images/logo_hkd.png" alt="惠卡贷logo" /></a>
							<h3 class="f22">惠卡贷</h3>
							<p>惠信旗下理财神器，年化收益14%~22%</p> <a href="http://p2p.365sji.com/"
							target="_blank" class="blue">了解更多 >></a></li>
						<li><a href="http://www.365sji.com/" target="_blank"><img
								src="/images/logo_hx.png" alt="惠信logo" /></a>
							<h3 class="f22">惠信</h3>
							<p>用惠信改变世界，让世界更美好！</p> <a href="http://www.365sji.com/"
							target="_blank" class="blue">了解更多 >></a></li>
						<li><a href="http://hkb.365sji.com/" target="_blank"><img
								src="/images/logo_hkb.png" alt="惠卡宝logo" /></a>
							<h3 class="f22">惠卡宝</h3>
							<p>年化收益9%以上，一元起投，随投随取收益高</p> <a href="http://hkb.365sji.com/"
							target="_blank" class="blue">了解更多 >></a></li>
						<li><a href="http://1.178pb.com/" target="_blank"><img
								src="/images/logo_1ypb.png" alt="一元拼宝logo" /></a>
							<h3 class="f22">一元拼宝</h3>
							<p>无限精彩商品只需一元，看看谁才是运气王</p> <a href="http://1.178pb.com/"
							target="_blank" class="blue">了解更多 >></a></li>
						<li><a href="http://www.huixinfilm.com/" target="_blank"><img
								src="/images/logo_dxb.png" alt="电影宝logo" /></a>
							<h3 class="f22">电影宝</h3>
							<p>电影宝，电影人成就梦想的舞台！</p> <a href="http://www.huixinfilm.com/"
							target="_blank" class="blue">了解更多 >></a></li>
						<li><a href="http://www.178ncb.com/" target="_blank"><img
								src="/images/logo_ncb.png" alt="农村宝logo" /></a>
							<h3 class="f22">农村宝</h3>
							<p>农村自产，全场99元包邮，无忧退换</p> <a href="http://www.178ncb.com/"
							target="_blank" class="blue">了解更多 >></a></li>
						<li><a href="http://58.365sji.com/" target="_blank"><img
								src="/images/logo_hxtc.png" alt="惠信同城logo" /></a>
							<h3 class="f22">惠信同城</h3>
							<p>打造生活同城即时信息平台，还有红包降临哦~</p> <a href="http://58.365sji.com/"
							target="_blank" class="blue">了解更多 >></a></li>
						<li><a href="http://sj.365sji.com/" target="_blank"><img
								src="/images/logo_hxsj.png" alt="惠信商家logo" /></a>
							<h2></h2>
							<h3 class="f22">惠信商家</h3>
							<p>搜罗最低折扣商家，优惠生活从此天天有！</p> <a href="http://sj.365sji.com/"
							target="_blank" class="blue">了解更多 >></a></li>
					</ul>
				</div>
			</div>

		</div>
	</div>
	<!--/main-->
	<!--footer-->
	<%@include file="/footer.jsp"%>
</body>
</html>
